<template>
	<!-- 搜索组件 -->
	<view class="hot-word">
		<view class="search">
			<icon type="search" size="20"></icon>
			<view class="icon-name">搜索</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.hot-word {
		padding: 20rpx 16rpx;
		background-color: #eb4450;

		.search {
			display: flex;
			height: 60rpx;
			align-items: center;
			justify-content: center;
			background-color: #fff;
			border: 1rpx solid #bbb;
			border-radius: 10rpx;
		}

		.icon-name {
			margin-left: 16rpx;
			font-size: 30rpx;
			color: #bbb;
		}
	}
</style>
